import React, { lazy } from 'react'
import {
  AppOutline,
  MessageOutline,
  UnorderedListOutline,
  UserOutline,
} from 'antd-mobile-icons'


const Home = lazy(()=>import("../pages/Home"))
const Nofrom = lazy(()=>import("../pages/404"))
const City = lazy(()=>import("../pages/City"))
const List = lazy(()=>import("../pages/List"))
const Login = lazy(()=>import("../pages/Login"))
const Message = lazy(()=>import("../pages/Message"))
const MyouList = lazy(()=>import("../pages/MyouList"))
const Order = lazy(()=>import("../pages/Order"))
const Props = lazy(()=>import("../pages/Props"))
const User = lazy(()=>import("../pages/User"))

export const RouterChlientList=[
    {
        path:"/",
        element:<Home />,
        title:"首页",
        icon: <AppOutline />,
    },{
        path:"/message",
        element:<Message />,
        title:"消息",
        icon: <MessageOutline />,
    },{
        path:"/props",
        element:<Props />,
        title:"分类",
        icon: <UnorderedListOutline />,
    },{
        path:"/user",
        element:<User />,
        title:"我的",
        icon: <UserOutline />,
    },
]

export const RouterList=[
    {
        path:"/",
        element:<MyouList />,
        children:RouterChlientList
    },{
        path:"/login",
        element:<Login />
    },{
        path:"/list",
        element:<List />
    },{
        path:"/city",
        element:<City />
    },{
        path:"/order",
        element:<Order />
    },{
        path:"*",
        element:<Nofrom />
    }

]